﻿
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; background: #E4E4E4; font-family: OpenSans-Regular; }
img { vertical-align: middle; border: 0;}
p { margin: 0; padding: 0; }
a:link, a:visited { color: #606060; text-decoration: none; }
a:hover { color: #fe8e14; }
input { color: #444; font-weight: normal; }
input.invalid { background-color: #FF9; border: 2px red inset; }
a img { border: none; }
a img:hover { border: none; }
ul { list-style: none; padding: 0; margin: 0; }
.tc { text-align: center; }
.btnOrg { font-family:Oswald-Regular;padding: 0 15px; color: #fff; background: #FE8E14 0% 0% no-repeat padding-box; border: none; outline: none; cursor: pointer; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-right: 15px;}
.btnOrg:hover { background: #FEA543; }
.btnLoadAndSave { font-family:Oswald-Regular;float: right;position: relative;margin-top: 10px;cursor: pointer;letter-spacing: 0px;color: #FE8E14;text-transform: uppercase;}
.ds-dwt-loaderBar img { margin-top: 60px; }
@keyframes fade {50% {opacity: 0.4;}} 
.dynamsoft-dwt-selected {background-color: #666;box-shadow: -3px -3px 2px -2px inset #b7aaaa, 2px 2px 2px 0px inset #000000;padding: 3px;}
.customInfo { background: url(../Images/information-circle.png) no-repeat center right; padding-right: 20px;  cursor: pointer;}
#customDetail, #uploadedFilesDetail {float: left; position: absolute; background: white; border: 1px solid #ccc; padding: 8px; z-index: 99;}
/*=================================== dwtScanDemo =========================================*/
#dwtScanDemo { margin: 0 auto; }
/*=============== DWTcontainerTop ===============*/
#DWTcontainerTop { position: relative; float: left; margin: 0; padding: 0; }
.ds-dwt-container-box > div { border: none !important; }

#divEdit { float: left; margin: 0; padding: 0; background: #fff; border: 1px solid #ccc; background: #323234 0% 0% no-repeat padding-box;color: white;-webkit-box-sizing: unset;-moz-box-sizing: border-box;box-sizing: unset;margin-top: -1px;cursor: default;}
#divEdit .operateGrp li { float:left;  margin: 0; width: 43px; text-align: center; }
#divEdit .operateGrp li > span { border-left: solid 1px #bbbcc0;border-right: solid 1px #bbbcc0;line-height: 36px;padding-left: 10px; padding-right: 10px; }
#divEdit .grayimg { opacity: 0.3;}
#divEdit .operateGrp #btnSelect_selected, #divEdit .operateGrp #btnHand_selected { padding: 0; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #divEdit { height:42px;} /* for IE */
}

#Crop { padding: 5px; padding-top: 10px; text-align: center; border-collapse: collapse; border: 3px solid #cE5E04; position: absolute; height: 80px; z-index: 1; background-color: #f0f0f0; width: 250px }
#ImgSizeEditor { padding: 10px 15px; position: absolute; z-index: 1; top: 455px; left: -1px; height: auto; width: 320px; color: #606060; text-align: left; background-color: #f5f5f5; border-collapse: collapse; border: 1px solid #ccc; box-shadow: 4px 4px 18px #ccc; -webkit-box-shadow: 4px 4px 18px #ccc; -moz-box-shadow: 4px 4px 18px #ccc; }
#ImgSizeEditor li { margin-bottom: 5px; }
#ImgSizeEditor input { background: #fff; border: solid 1px #ccc; }
#ImgSizeEditor input[type="text"] { padding-left: 3px; }
#ImgSizeEditor input[type="button"] { padding: 5px 5px; margin: 6px 5px 0; }
/*#dwtcontrolContainer*/
#dwtcontrolContainer { float: left; margin: 0; padding: 0; background: white; }
#dwtcontrolContainer .dynamsoft-dwt-container-box > div { border: none !important; }

#dwt-NonInstallContainerID { float: left; }
/*#btnGroupBtm*/
#DWTcontainerTop #btnGroupBtm { position: absolute; left: 60px; bottom: 0; padding: 14px 25px 15px 90px; background: #f5f5f5; border-top: 1px solid #ccc; color: #606060; }
.operateGrp input { padding: 0; margin-right: 6px; background: transparent; border: solid 1px #bbbcc0; outline: none; cursor: pointer; color: white;}
.operateGrp input[type="text"] { border: none; cursor: default; line-height:19px; letter-spacing: 0px;color: #FFFFFF; }
.operateGrp #DW_btnFirstImage { margin-left: 5px; }
.operateGrp #DW_CurrentImage { margin: 0 0 0 -13px; text-align: right; }
.operateGrp #DW_TotalImage { margin: 0 -7px 0 0; text-align: left; }
.operateGrp #DW_spanZoom {width: 50px;text-align: center; line-height:19px; letter-spacing: 0px;color: #FFFFFF;}
#DW_PreviewMode { padding: 0 5px; margin-left: 5px; height: 26px; border: solid 1px #d8d8d8; color: #444; outline: none; border-radius: 3px; cursor: pointer; }
/*=============== ScanWrapper ===============*/
#ScanWrapper { float: right; text-align: left; }
div.divinput {background:  #F5F5F5 0% 0% no-repeat padding-box; }
.divType {padding: 6px 0 0 20px;border-bottom: solid 1px #ccc;cursor: pointer;background: #323234 0% 0% no-repeat padding-box;text-align: left; letter-spacing: 0px;color: #FFFFFF;}

#ScanWrapper .toggle { cursor: default; }
.divTableStyle { padding: 8px 20px 9px; position: relative; }
#ScanWrapper select, #divSaveDetail input[type="text"] {margin-top: 3px;margin-bottom: 6px;height: 26px;border: solid 1px #ccc;-moz-border-radius: 3px;outline: none;background: #FFFFFF 0% 0% no-repeat padding-box;border: 1px solid #606060;}
#ScanWrapper input[type="checkbox"], #ScanWrapper input[type="radio"] { margin: 0 3px 0 0; }
/*#divScanner*/
#divScanner { border-bottom: none; }
select#source { margin-top: 3px; padding-left: 3px; width: 100%; outline: none; }
select#Resolution { margin-left: 3px; width: 192px; height: 26px; }
#divProductDetail li:first-child { margin-top: 3px; }
#divProductDetail li label { display: inline-block; margin: 0 10px 0 0;}
#divProductDetail li label:last-child { margin: 0; }
#divProductDetail li label input { width: 15px; height: 15px; vertical-align: middle; }
#divProductDetail li .lblPixelType { display: inline-block; margin: 0 25px 0 0; }
.btnScanGray { font-family:Oswald-Regular;margin-top: 5px; border: none; background: #ddd; cursor: pointer;outline: none;letter-spacing: 0px;color: #FFFFFF;text-transform: uppercase;}
.btnScanActive {background: 0% 0% no-repeat padding-box padding-box rgb(254, 142, 20);}
.btnScanActive:hover { background: #ffae38; }
#div_LoadLocalImage input[type="button"] { margin: 15px 0; width: 90px; height: 30px; }

#divNoScanners {position: absolute;top:70px;z-index: 1;padding: 30px 0;line-height:30px;text-align: left;background: #606060 0% 0% no-repeat padding-box;}
#divNoScanners > a { position: absolute; top: 15px; right: 15px; text-decoration: none; }
#divNoScanners a { color: #FE8E14; }
#divNoScanners a:hover { color: #ffae38;}
#divNoScanners .imgClose { margin: 0 15px 0 0; }
#divNoScanners .spanContent { letter-spacing: 0px;color: #FFFFFF; width: 250px;float: left; margin-left:20px }
#divNoScanners .contentTitle { font-family:Oswald-Regular;line-height: 20px; }
#divNoScanners img { float:left; margin-left: 30px }
#divNoScanners .ClosetblLoadImage img { position: relative; }

#divScanner, #tabCon { margin-bottom: 12px }
#tabCon { padding-top: 5px; }
.tabList {list-style: none;float: left;width: 50%;padding-left: 20px;cursor: pointer;text-align: left;letter-spacing: 0px;padding-top: 6px;}

.selectTab {border-top: solid 4px #323234;}
.unselectTab {background: #323234 0% 0% no-repeat padding-box;color: #FFFFFF;border-bottom: solid 1px #ccc;}

/*#divSaveDetail*/
#divSaveDetail input[type="text"] { width: 70%; padding-left: 5px; }
#divSaveDetail li label { display: inline-block; margin: 0 8px 0 0; }
#divSaveDetail li img { margin-right: 2px; }
#divSaveDetail li label:last-child { margin-right: 0; }
#divSaveDetail li:nth-child(3) { margin: 5px 0 4px; }
#divSaveDetail li { padding: 0 20px; color: #323234; }
#divSaveDetail li:nth-child(2) { padding-top: 2px; }
#divSaveDetail #txt_CustomInfo {width: 100%;}
#divSaveDetail #btnUpload { margin: 5px 0 10px 0; padding: 0;cursor: pointer;letter-spacing: 0px; color: #FFFFFF;text-transform: uppercase;}

.dynamsoft-dwt-dialog-body { border: 1px solid rgb(204, 204, 204); background-color: #FFFFFF; border: none;}
.dynamsoft-dwt-header {background: var(--el-color-primary) 0% 0% no-repeat padding-box;height: 15px;margin-bottom: 30px; }
.ds-dwt-ui-dlg-wrap .button-yes {width: 100px; margin-bottom: 20px;height: 42px; font-size:16px;line-height:30px; letter-spacing: 0px;color: #FFFFFF;text-transform: uppercase;background: var(--el-color-primary) 0% 0% no-repeat padding-box;border: none;cursor: pointer;margin-right: 23px;}
.ds-dwt-ui-dlg-wrap .button-yes:hover { background: var(--el-color-primary); }
.ds-dwt-ui-dlg-wrap .button-no { border: 2px solid var(--el-color-primary); font-size:16px;line-height:30px; letter-spacing: 0px;color: var(--el-color-primary);text-transform: uppercase;background: #FFFFFF;width: 100px;height: 42px;cursor: pointer;}
.dynamsoft-dwt-showMessage { margin-top: 15px;   }
.dynamsoft-dwt-showMessage-detail { margin-left: 85px;text-align: left; line-height:30px; letter-spacing: 0px;color: #323234;}
#showMessage {margin-right: 5px; width: 14px;height: 14px; vertical-align: middle;}
.dynamsoft-dwt-installdlg-buttons { margin: 20px 10px 8px 10px;text-align: center;}
/*=============== DWTcontainerBtm ===============*/
#DWTcontainerBtm { position: relative; float: left; width: 996px }
#DWTUploadContainer { float: left; }
#DWTUploadContainer input[type="text"] { border: solid 1px #ccc; padding-left: 3px; }
#DWTUploadContainer input[type="button"] { cursor: pointer; margin: 0 3px; outline: none; }
#DWTdivUploade { padding: 5px 0 0; line-height:21px; letter-spacing: 0px;color: #323234; }
#resultWrap {width: 100%; height: 225px;overflow-y: scroll; }
#resultWrap .info {padding: 8px 0 9px 20px;}
#resultWrap .title {text-align: left; line-height:18px; letter-spacing: 0px;color: #323234;}
#resultWrap .content {text-align: left; line-height:17px; letter-spacing: 0px;color: #606060;margin-left: 10px;}
#resultWrap table {border-collapse: collapse; border-spacing: 0; width: 100%; display: table}
#resultWrap table, th, td { border: none}
/*#resultWrap a { color: #606060; text-decoration: none; background-color: transparent;}*/
#resultWrap a {cursor: pointer; line-height:17px; letter-spacing: 0px;color: #FE8E14;}
#resultWrap a:hover { color: #ffae38;}
#resultWrap tr td:nth-child(2) span {display: inline-block;width: 4px;height: 17px;color: #ccc;overflow: hidden;}
#DWTdivMsg {padding: 6px 0 0 8px;margin-top: 10px;overflow-y: scroll;background: #F5F5F5 0% 0% no-repeat padding-box; line-height:17px;  border-top: solid 4px #323234;}
.lblMessage {text-align: left; line-height:21px; letter-spacing: 0px;color: #323234;}
#DWTemessage { width: 100%; }
#DWTemessageContainer { float: right; }
#DWTemessageContainer p { margin: 0; color: #444; }

/*======================== Upload_list ==========================*/
#div-uploadedFile #wrapper { border:2px solid #ddd; border-radius:3px;}
#div-uploadedFile .container { width: 870px; }
#DWTUploadContainer #resultWrap #div-uploadedFile table { width: 100%; }
#resultWrap #div-uploadedFile th {width: 35%;text-align: left;color: #444;height: 30px;font-weight: bold;padding-left: 10px;background: #CCCCCC 0% 0% no-repeat padding-box; line-height:21px; letter-spacing: 0px;color: #323234;}
#resultWrap #div-uploadedFile tr {background: #FFFFFF 0% 0% no-repeat padding-box;text-align: left; line-height:17px; letter-spacing: 0px;color: #606060;padding-left: 10px;}
#resultWrap #div-uploadedFile tr:nth-child(odd){background: #F5F5F5 0% 0% no-repeat padding-box;}
#resultWrap #div-uploadedFile td {padding-left: 10px;}
#resultWrap #div-uploadedFile tr td:nth-child(2) span { display: inline-block; width: 18px; height: 17px; color: #ccc; overflow: hidden; }

/*=============== dailog ===============*/
.link { text-decoration: underline; }
.red { color: red; margin-left: 5px; }

.ds-dwt-center { margin: 0 auto; padding: 0 }
.ds-dwt-content:after, .clearfix:after { content: ""; display: table; clear: both; }
.ds-dwt-logo { background-color: #D2D2D2; padding: 5px 60px 5px 0; text-align: right; vertical-align:middle; width: 100% }

.ds-dwt-header h1 { margin: 3px 0; font-size: 26px; font-weight: 300; font-family:Oswald-Light; }
.ds-dwt-header { display: inline-block; }

.ds-uploaded-block { padding: 8px 0 9px 20px; border-bottom: 1px solid #CCCCCC;}
.ds-uploaded-block-title {text-align: left;font-size: 13px;letter-spacing: 0px;color: #323234;}
.ds-uploaded-block-content {text-align: left;font-size: 13px;letter-spacing: 0px;color: #606060;margin-left: 10px;}

.RemoveSelectedImages:before { content: url('');}
.RemoveAllImages:before { content: url('');}
.ZoomOut:before { content: url('');}
.ZoomIn:before { content: url('');}
.OrigSize:before { content: url('');}
.RotateLeft:before { content: url('');}
.Crop:before { content: url('');}
.ShowEditor:before { content: url('');}
.SelectSelected:before { content: url('');}
.HandSelected:before { content: url('');}
.FitWindow:before { content: url('');}
.Select:before { content: url('');}
.Hand:before { content: url('');}

html,body { font-size: 12px; }
#dwtcontrolContainer { margin: 5px 0 0 0; }

#divEdit, #divUpload, .tabList, .divType, .tagList { height:40px; }
.divType, .tabList {  font-family:Oswald-Regular; font-weight:400; font-size:16px; line-height:22px; }
#ImgSizeEditor {font-size: 14px; }
#DWTcontainerTop #btnGroupBtm {font-size: 14px; width: 585px; height: 57px; }
.operateGrp input {width: 25px; height: 20px; }
.operateGrp input[type="text"] {height: 20px; }
.operateGrp li { height: 40px; line-height: 36px; }
#DWTdivUploade {font-size: 14px; }
#resultWrap {font-size: 12px;min-height: 80px;}
#resultWrap #div-uploadedFile tr {height: 30px;font-size: 14px;}
#MessageBody a { font-size: 14px; }
#resultWrap .title {font-size:13px;}
#customDetail, #uploadedFilesDetail {font-size: 12px;}
#divEdit, #divUpload, .divType, .tabList, .tagList { height:40px; }
#divEdit .operateGrp li { height:36px; line-height:36px; margin-top:6px; cursor: pointer; }
#divSaveDetail #btnUpload, .btnScanGray  { font-size: 14px; width: 90px; height: 35px; line-height: 32px;}
#divTwainType li {padding: 5px 0; }
.ds-dwt-logo { height:45px; line-height: 30px }

.lblShowCurrentImage, .lblZoom {  margin-top: 0 !important; }
.lblZoom {  width: 110px!important;  border-left: 1px solid #4A4A4A;  border-right: solid 1px #4A4A4A; }
#divEdit .lblZoom li { margin-top: 0 !important; }
.ZoomOut { line-height: 28px; }
.ZoomIn { line-height: 38px; }
.Select, .Hand { margin-top: 6px; padding: 1px; }

@media screen and (min-width: 1921px) {

  html,body { font-size: 16px; }
  .ds-dwt-content { width: 1395px; display:block }

  #divEdit { width: 928px; }
  #DWTcontainerTop,#dwtcontrolContainer,#dwt-NonInstallContainerID { width: 930px; }
  #ScanWrapper,#DWTdivMsg { width: 455px; }
  #divNoScanners { width: 415px; }

  #dwt-NonInstallContainerID,#dwtcontrolContainer,#ScanWrapper { height: 1800px; }
  #tabCon { height:285px; }
  #DWTdivMsg{ height:445px; }

  .operateGrp input[type="radio"] { width:25px; height:20px; }
  #divProductDetail li:first-child label:first-child,  #divProductDetail li:nth-child(2) label:first-child { width:210px !important; } 
  #divSaveDetail li p { margin-bottom: 3px; }
  #divSaveDetail li label { margin-right: 30px; }
  #divSaveDetail li input[type="radio"], #divSaveDetail li input[type="checkbox"] { width:18px; height:18px; vertical-align: middle; }
  #divSaveDetail #txt_CustomInfo { margin-top: 10px; }
  #resultWrap { min-height:80px; }
  #resultWrap #div-uploadedFile tr { height:30px; }
  #resultWrap .title { font-size:17px; }
  #source { margin-top: 10px; }
  label[for="BW"] { margin-left: 15px !important; }
  select#Resolution { margin-left: 14px; }
  #ScanWrapper select { height:30px; }
  #ScanWrapper input[type="checkbox"], #ScanWrapper input[type="radio"] { margin-right: 6px; }
}

@media screen and (max-width: 1920px) {

  #divEdit { width: 658px; }
  #DWTcontainerTop,#dwtcontrolContainer,#dwt-NonInstallContainerID { width: 660px; }
  #dwt-NonInstallContainerID,#dwtcontrolContainer,#ScanWrapper { height: 675px; }
  .ds-dwt-content { width: 983px; }
  #DWTdivMsg { height: 135px; }

  #ScanWrapper,#DWTdivMsg { width: 315px; }
  #divNoScanners { width: 275px; }
  #divNoScanners {position: absolute;top:73px;padding: 36px 0;}

  #divSaveDetail li input[type="radio"], #divSaveDetail li input[type="checkbox"] { width:15px; height:15px;vertical-align: middle; }
  .operateGrp input { width:25px; height:20px; }
  .operateGrp input[type="text"] { height:20px; }
  #ScanWrapper select, #divSaveDetail input[type="text"] { height:30px; }
}

@media screen and (min-width: 3441px) {
  html, body { font-size: 30px; line-height: 32px; }
  .ds-dwt-header h1 { font-size: 50px; padding: 20px 0; }
  select#source { font-size: 30px;}
  select#source { margin-top: 10px;}
  label[for="BW"] { margin-left: 15px !important;}
  input { font-size: 30px;}
  .ds-uploaded-block-title {font-size: 26px;}
  .ds-uploaded-block-content {font-size: 26px;}
  .ds-dwt-logo { height: 60px }
  .ds-dwt-logo img { width: 200px }

  #DWTcontainerTop,#dwtcontrolContainer,#dwt-NonInstallContainerID { width: 1900px; }
  #dwt-NonInstallContainerID,#dwtcontrolContainer,#ScanWrapper { height: 1900px; }
  #divEdit { width: 1898px; }
  .ds-dwt-content { width: 2820px; }
  #DWTdivMsg { height: 135px; }

  #ScanWrapper,#DWTdivMsg { width: 900px; }
  #divNoScanners { width: 515px; }
  #divNoScanners { position: absolute;top:73px;padding: 36px 0;}

  #divSaveDetail li input[type="radio"], #divSaveDetail li input[type="checkbox"] { width:15px; height:15px;vertical-align: middle; }
  .operateGrp input { width:25px; height:20px; }
  .operateGrp input[type="text"] { height:20px; }
  #ScanWrapper select, #divSaveDetail input[type="text"] { height:30px; }

  #divEdit, #divUpload, .tabList, .divType, .tagList { height:70px; }

  #divEdit .operateGrp li {
    width: 68px;
    height: 68px;
    line-height: 66px !important;
    margin-top: 0;
  }

  #customDetail, #uploadedFilesDetail {
      font-size: 26px;
  }

  #ImgSizeEditor {
      font-size: 30px;
  }

  #DWTcontainerTop #btnGroupBtm {
      font-size: 30px;
  }

  .operateGrp input {
      width: 65px;
      height: 60px;
      font-size: 26px;
  }

  .operateGrp input[type='text'] {
      height: 60px;
      font-size: 26px;
  }

  .btnScanGray, #divSaveDetail #btnUpload {
      font-size: 38px;
      width: 220px;
      height: 80px;
      margin-bottom: 38px;
  }

  .btnLoadAndSave {
      font-size: 36px;
      margin-top: 36px;
  }

  #div_ScanImage li {
      font-size: 30px;
      margin-top: 30px;
  }

  #tblLoadImage {
      width: 275px;
      height: 128px;
      font-size: 30px;
      line-height: 30px;
  }

  #divSaveDetail li {
      font-size: 30px;
  }

  #divSaveDetail li p {
      margin-bottom: 30px;
  }

  #divSaveDetail #txt_CustomInfo {
      margin-top: 10px;
  }

  #DWTdivUploade {
      font-size: 30px;
  }

  #resultWrap {
      font-size: 8px;
      min-height: 70px;
      line-height: 50px;
  }

  #resultWrap #div-uploadedFile th {
      font-size: 30px;
  }

  #resultWrap #div-uploadedFile tr {
      height: 30px;
      font-size: 30px;
  }

  #MessageBody a {
      font-size: 30px;
  }

  #tabCon {
      height: 560px;
      padding: 20px;
  }

  .lblMessage {
      font-size: 32px;
  }

  #ScanWrapper select, #divSaveDetail input[type='text'] {
      height: 60px;
      font-size: 30px;
  }

  #divSaveDetail li label {
      margin-right: 30px;
  }

  select#Resolution {
      margin-left: 28px;
      font-size: 30px;
  }

  #divProductDetail li label input {
      width: 38px;
      height: 38px;
  }

  #ScanWrapper input[type='checkbox'], #ScanWrapper input[type='radio'] {
      margin-right: 6px;
  }

  #divSaveDetail li input {
      width: 38px;
      height: 38px;
  }

  #DWTemessage {
      font-size: 30px;
      line-height: 40px;
  }

  #resultWrap .title, #resultWrap .content, #resultWrap a {
      font-size: 30px;
  }

  .menuIcon {
      padding: 5px 4px;
  }

  #masterHeader h1 {
      font-size: 80px;
  }

  #masterHeader .d-btn {
      width: 450px;
      font-size: 50px;
      height: 120px;
      padding-top: 30px;
      border: solid 6px #fe8e14;
  }

  .divType, #ScanWrapper .toggle, .tabList {
      height: 70px;
      font-size: 32px;
      padding-top: 22px;
      padding-left: 40px;
  }

  .lblScanner {
      width: 400px !important;
  }

  .divTableStyle {
      padding: 8px 40px 9px;
  }

  #divSaveDetail {
      padding: 40px 0 0 0;
      margin-top: 0;
  }

  #divSaveDetail li:nth-child(2) {
      padding-top: 23px;
      padding-bottom: 23px;
  }

  .selectTab {
      border-top: solid 10px #323234;
  }

  .lblShowCurrentImage {
      width: 130px !important;
      line-height: 38px;
  }

  .operateGrp #DW_spanZoom { font-size: 26px; width: 100px;  }
  .lblZoom { width: 190px !important; margin: 0 30px !important;  }
  .ZoomOut { line-height: 38px; }
  .ZoomIn { line-height: 56px; }

  .RemoveSelectedImages:before { content: url('');  }
  .RemoveAllImages:before { content: url('');  }
  .ZoomOut:before { content: url('');  }
  .ZoomIn:before { content: url('');  }
  .OrigSize:before { content: url('');  }
  .RotateLeft:before { content: url('');  }
  .Crop:before { content: url('');  }
  .ShowEditor:before { content: url('');  }
  .SelectSelected:before { content: url('');  }
  .HandSelected:before { content: url('');  }
  .FitWindow:before { content: url('');  }
  .Select:before { content: url('');  }
  .Hand:before { content: url('');  }

  .customInfo {
      background: url('') no-repeat center right;
      padding-right: 20px;
      cursor: pointer;
  }
  #divProductDetail li:first-child label:first-child,  #divProductDetail li:nth-child(2) label:first-child { width:400px !important; } 
  #divSaveDetail li input[type="radio"], #divSaveDetail li input[type="checkbox"] { width:38px; height:38px; vertical-align: middle; }
  #resultWrap {width: 100%; height: 500px;overflow-y: scroll; font-size: 30px; }
}
